@font-face
{
    font-family: 'Roboto-Light',serif !important;
    src: url('/css/Roboto-Light.ttf');
}
.body
{
    font-family: "Roboto-Light",serif !important;
}

#btn{
        background: #717171;
        color: #eeeeee;
        display:block;
        margin: 400px auto;
        width: 70px;
        text-align: center;
        font-size: 15px;
        padding:5px 0;
        border-radius: 3px;
        cursor: pointer;
}

#overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100;
        background: rgba(0,0,0,0.7);
}


#text{
        font-size: 40px;
        color: #eee;
        padding-top: 400px;
        vertical-align: middle;
        font-weight: bold;
}

#close{
        background: #eeeeee url(images/ico.jpg) no-repeat 10px center;
        color: #717171;
        width: 70px;
        margin: auto;
        text-align: center;
        font-size: 15px;
        padding:5px 0 5px 10px;
        border-radius: 3px;
        cursor: pointer;
}
#main_box{
   background-image:url('/images/earth2.jpg') ;
   background-repeat: no-repeat;
   background-color: black; 
   -moz-background-size:cover;  
   background-size:cover;
}
*h4{
   text-align: center;
}
#copyright{
    text-align: center;
    color: white;
}
#logo{
    text-align: center;
}
.signup_area{
    text-align: center;
    vertical-align:middle;
     /*background-color:rgb(23,59,134);*/
    position:absolute;
    top :22%;
    right:27%;
    
     /*opacity:0.9;*/
}

.description{
    width: auto;
     color: white;
     background-color:rgb(23,59,134);
     /*opacity:0.8;*/
     text-align:left;
     border-radius: 10px;
     padding: 1em;
}
